import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    cartItems: [
      { id: 1, name: '手机', price: 1000, quantity: 1 },
      { id: 2, name: '电脑', price: 2000, quantity: 1 },
      { id: 3, name: '键盘', price: 200, quantity: 2 }
    ]
  },
  getters: {
    // 修改: 确保 total getter 正确计算总价
    total: state => {
      return state.cartItems.reduce((total, item) => total + item.price * item.quantity, 0);
    }
  },
  mutations: {
    increment(state, item) {
      item.quantity++;
    },
    decrement(state, item) {
      if (item.quantity > 0) {
        item.quantity--;
      }
    }
  }
});